<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - Xiaomi 13、Redmi K60、MIX FOLD 2,小米电视官方网站</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/fonts/icfont/iconfont.css">
    <link rel="stylesheet" href="/fonts/youjiantou/iconfont.css">
    <link rel="stylesheet" href="/fonts/font_qrwwy8qt7ph/iconfont.css">
    <link rel="stylesheet" href="/fonts/youjiantouYuanquan/iconfont.css">
    <link rel="stylesheet" href="/fonts/iconfont/iconfont.css">
    <!-- swiper 轮播图 -->
    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">

    <style>
        /* 轮播图 */
        .swiper {
            width: 1226px;
            height: 460px;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;

        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    </style>

</head>

<body>

    <div>
        <!-- 头部 -->
        <!-- 导航头 -->
        <div class="wrap-bar">
            <!-- 内容版心区域 -->
            <div class="w">
                <!-- 左侧导航区域 -->
                <div class="bar-nav">
                    <a href="javaScript:;">小米官网</a>
                    <span>|</span>
                    <a href="javaScript:;">小米商城</a>
                    <span>|</span>
                    <a href="javaScript:;">MIUI</a>
                    <span>|</span>
                    <a href="javaScript:;">lOT</a>
                    <span>|</span>
                    <a href="javaScript:;">云服务</a>
                    <span>|</span>
                    <a href="javaScript:;">天星数科</a>
                    <span>|</span>
                    <a href="javaScript:;">有品</a>
                    <span>|</span>
                    <a href="javaScript:;">小爱开放平台</a>
                    <span>|</span>
                    <a href="javaScript:;">企业团购</a>
                    <span>|</span>
                    <a href="javaScript:;">资质拍照</a>
                    <span>|</span>
                    <a href="javaScript:;">协议规则</a>
                    <span>|</span>
                    <a href="javaScript:;" class="a1">下载App</a>
                    <span>|</span>
                    <a href="javaScript:;">Select Location</a>
                </div>
                <!-- 右侧购物车 -->
                <div class="bar-shopCar">
                    <a href="javaScript:;">
                        <!-- 图标 -->
                        <span class="iconfont icon-gouwuche"></span>
                        <span>购物车(0)</span>
                    </a>
                </div>
                <!-- 右侧用户 -->
                <div class="bar-user">
                    <a href="">登录</a>
                    <span>|</span>
                    <a href="">注册</a>
                    <span>|</span>
                    <a href="">消息通知</a>
                </div>
                <!-- 购物车商品列表 -->
                <div class="bar-menu" style="display: none;">
                    <div>购物车中还没有商品，赶快选购吧！</div>
                </div>
                <!-- 下载App -->
                <div class="bar-downApp">
                    <a href="javaScript:;">
                        <img src="/images/download.png">
                        <span>小米商城APP</span>
                    </a>
                </div>
            </div>
        </div>

        <!-- 固定菜单 -->
        <div class="home-tool-bar">
            <a href="javaScript:;" class="item">
                <div class="tool-div clearFix">
                    <img src="/images/fixed1.png" class="static">
                    <img src="/images/fixed1-hover.png" class="hover">
                </div>
                <span class="tool-title">手机APP</span>
            </a>
            <a href="javaScript:;" class="item">
                <div class="tool-div clearFix">
                    <img src="/images/fixed2.png" class="static">
                    <img src="/images/fixed2-hover.png" class="hover">
                </div>
                <span class="tool-title">个人中心</span>
            </a>
            <a href="javaScript:;" class="item">
                <div class="tool-div clearFix">
                    <img src="/images/fixed3.png" class="static">
                    <img src="/images/fixed3-hover.png" class="hover">
                </div>
                <span class="tool-title">售后服务</span>
            </a>
            <a href="javaScript:;" class="item">
                <div class="tool-div clearFix">
                    <img src="/images/fixed4.png" class="static">
                    <img src="/images/fixed4-hover.png" class="hover">
                </div>
                <span class="tool-title">人工客服</span>
            </a>
            <a href="javaScript:;" class="item">
                <div class="tool-div clearFix">
                    <img src="/images/fixed5.png" class="static">
                    <img src="/images/fixed5-hover.png" class="hover">
                </div>
                <span class="tool-title">购物车</span>
            </a>
            <a href="javaScript:;" class="item">
                <div class="tool-div clearFix">
                    <img src="/images/fixed6.png" class="static">
                    <img src="/images/fixed6-hover.png" class="hover">
                </div>
                <span class="tool-title">回到顶部</span>
            </a>
        </div>


        <!-- 导航栏 -->
        <div class="wrap-header">
            <div class="w">
                <!-- 图标 -->
                <a href="javaScript:;">
                    <img src="/images/logo-mi.png" alt="xiaomi">
                </a>
                <!-- 导航栏 -->
                <ul>
                    <li class="spanli1">
                        <a href="javaScript:;">
                            <span>XiaoMi手机</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>Redmi手机</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>电视</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>XiaoMi手机</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>笔记本</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>平板</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>家电</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>路由器</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>服务中心</span>
                        </a>
                    </li>
                    <li>
                        <a href="javaScript:;">
                            <span>社区</span>
                        </a>
                    </li>
                </ul>
                <!-- 搜索框 -->
                <div class="wrap-select clearFix">
                    <input type="text" placeholder="请搜索你喜欢的商品...">
                    <!-- 搜索按钮 -->
                    <a href="">
                        <span class="iconfont icon-sousuo"></span>
                    </a>
                </div>
            </div>
            <!-- 下拉展示 -->
            <div class="bar-content" style="display: none;">
                <div class="bar-list">
                    <ul>
                        <!-- 一个商品 -->
                        <li>
                            <a href="javaScript:;">
                                <div><img src="/images/phone1.webp"></div>
                                <p class="title">XiaoMi Civi 3</p>
                                <p>2499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <div><img src="/images/phone2.webp"></div>
                                <p class="title">Xiaomi 13 Ultra 限量定制色</p>
                                <p>2499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <div><img src="/images/phone3.webp"></div>
                                <p class="title">Xiaomi 13 Ultra</p>
                                <p>2499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <div><img src="/images/phone4.webp"></div>
                                <p class="title">Xiaomi 13</p>
                                <p>2499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <div><img src="/images/phone5.webp"></div>
                                <p class="title">Xiaomi 13 pro</p>
                                <p>2499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <div><img src="/images/phone6.webp"></div>
                                <p class="title">XiaoMi MIX Foid 2</p>
                                <p>2499元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <!-- （轮播图）商品列表 -->
        <div class="site-category">
            <ul>
                <li>
                    <a href="javaScript:;">
                        手机
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        电视
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        家电
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        笔记本 平板
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        出行 穿戴
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        耳机 音响
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        健康 儿童
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="v">
                        生活 箱包
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        智能 路由器
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        电源 配件
                        <span>
                            <img src="/images/youjiantou.png">
                        </span>
                    </a>
                </li>
            </ul>
        </div>

        <!-- （轮播图）商品列表页面 -->
        <div class="site-category-list" style="display: none;">
            <ul class="list-bar1">
                <a href="javaScript:;">
                    <li><img src="/images/list-phone1.webp"></li>
                    <span>Xiao Mi MIX 系列</span>
                </a>
                <a href="javaScript:;">
                    <li><img src="/images/list-phone1.webp"></li>
                    <span>Xiao Mi MIX 系列</span>
                </a>
                <a href="javaScript:;">
                    <li><img src="/images/list-phone1.webp"></li>
                    <span>Xiao Mi MIX 系列</span>
                </a>
                <a href="javaScript:;">
                    <li><img src="/images/list-phone1.webp"></li>
                    <span>Xiao Mi MIX 系列</span>
                </a>
                <a href="javaScript:;">
                    <li><img src="/images/list-phone1.webp"></li>
                    <span>Xiao Mi MIX 系列</span>
                </a>
                <a href="javaScript:;">
                    <li><img src="/images/list-phone1.webp"></li>
                    <span>Xiao Mi MIX 系列</span>
                </a>
            </ul>
            <ul class="list-bar2">
                <a href="">
                    <li><img src="/images/list-phone1.webp"></li>
                    <span>Xiao Mi MIX 系列</span>
                </a>
            </ul>
        </div>

        <!-- 轮播图区域 -->
        <div class="home-hero">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="/images/banner1.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="/images/banner2.webp">
                    </div>
                    <div class="swiper-slide">
                        <img src="/images/banner3.webp">
                    </div>
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 左右箭头 -->
                <div class="swiper-button-next"></div>
                <!-- <div class="swiper-button-prev"></div> -->
            </div>
        </div>

        <!-- 广告区域 -->
        <div class="home-hero-sub clearFix">
            <!-- 左侧 -->
            <div class="w">
                <div class="span4">
                    <ul>
                        <li>
                            <a href="javaScript:;">
                                <img src="./images/home-click.png" alt="保障服务">
                                <p>保障服务</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <img src="./images/home-house.png" alt="企业团购">
                                <p>企业团购</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <img src="./images/home-f.png" alt="F码通道">
                                <p>F码通道</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <img src="./images/home-card.png" alt="米粉卡">
                                <p>米粉卡</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <img src="./images/home-oldnew.png" alt="以旧换新">
                                <p>以旧换新</p>
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <img src="./images/home-phone.png" alt="话费充值">
                                <p>话费充值</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 右侧 -->
                <div class="span16">
                    <ul>
                        <li>
                            <a href="javaScript:;">
                                <img src="/images/guanggao1.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <img src="./images/guanggao1.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <img src="/images/guanggao3.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 内容主体 -->
        <div class="page-main">
            <a href="javaScript:;">
                <img src="./images/xiaomi13guanggao.webp">
            </a>

            <!-- 主体版心 -->
            <div class="container">

                <!-- 不需要列表切换 -->
                <!-- 手机商品列表 -->
                <div class="home-brick-box">
                    <!-- 主体列表头 -->
                    <div>
                        <h2 class="title-box">手机</h2>
                        <div class="more">
                            <a class="more-link" href="javaScript:;">
                                查看更多
                                <i class="iconfont more-i">
                                    &#xe68c;
                                </i>
                            </a>
                        </div>

                    </div>
                    <div class="row">
                        <!-- 左侧大图 -->
                        <div class="left-photo">
                            <a href="">
                                <img src="./images/left-photo1.webp">
                            </a>
                        </div>
                        <!-- 手机商品列表 -->
                        <div class="right-photo">
                            <ul class="brick-list">
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo8.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-------------------------------------------->
                <!-- 以下列表需要切换 -->

                <!-- 智能穿戴商品列表 -->
                <div class="home-brick-box">
                    <!-- 主体列表头 -->
                    <div>
                        <h2 class="title-box">智能穿戴</h2>
                        <div class="more">
                            <ul class="tab-list">
                                <li class="active"> 耳机 </li>
                                <li> 穿戴 </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <!-- 左侧大图 -->
                        <div class="left-photo">
                            <a href="">
                                <img src="./images/left-photo1.webp">
                            </a>
                        </div>

                        <!-- 右侧商品列表（改变前） -->
                        <div class="right-photo">
                            <ul class="brick-list">
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>

                        <!-- 右侧商品列表（改变后） -->
                        <div class="right-photo right-photo-switch" style="display: none;">
                            <ul class="brick-list">
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 笔记本 | 平板商品列表 -->
                <div class="home-brick-box">
                    <!-- 主体列表头 -->
                    <div>
                        <h2 class="title-box">笔记本 | 平板</h2>
                        <div class="more">
                            <ul class="tab-list">
                                <li class="active"> 笔记本 </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <!-- 左侧大图 -->
                        <div class="left-photo">
                            <a href="">
                                <img src="./images/left-photo1.webp">
                            </a>
                        </div>

                        <!-- 右侧商品列表（改变前） -->
                        <div class="right-photo">
                            <ul class="brick-list">
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>

                        <!-- 右侧商品列表（改变后） -->
                        <div class="right-photo right-photo-switch" style="display: none;">
                            <ul class="brick-list">
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>111
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 家电商品列表 -->
                <div class="home-brick-box">
                    <!-- 主体列表头 -->
                    <div>
                        <h2 class="title-box">家电</h2>
                        <div class="more">
                            <ul class="tab-list">
                                <li class="active"> 热门 </li>
                                <li> 电视影音 </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <!-- 左侧大图
                        <div class="left-photo">
                            <a href="">
                                <img src="./images/left-photo1.webp">
                            </a>
                        </div> -->

                        <!-- 右侧商品列表（改变前） -->
                        <div class="right-photo">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>

                        <!-- 右侧商品列表（改变后） -->
                        <div class="right-photo right-photo-switch" style="display: none;">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 生活电器商品列表 -->
                <div class="home-brick-box">
                    <!-- 主体列表头 -->
                    <div>
                        <h2 class="title-box">生活电器</h2>
                        <div class="more">
                            <ul class="tab-list">
                                <li class="active"> 电暖器 </li>
                                <li> 扫地机 </li>
                                <li> 空净 </li>
                                <li> 清洁 </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">

                        <!-- 右侧商品列表（改变前） -->
                        <div class="right-photo">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>

                        <!-- 右侧商品列表（改变后） -->
                        <div class="right-photo right-photo-switch" style="display: none;">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 厨房电器商品列表 -->
                <div class="home-brick-box">
                    <!-- 主体列表头 -->
                    <div>
                        <h2 class="title-box">厨房电器</h2>
                        <div class="more">
                            <ul class="tab-list">
                                <li class="active"> 净水器 </li>
                                <li> 烟灶 </li>
                                <li> 电饭煲 </li>
                                <li> 微蒸烤 </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">

                        <!-- 右侧商品列表（改变前） -->
                        <div class="right-photo">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>

                        <!-- 右侧商品列表（改变后） -->
                        <div class="right-photo right-photo-switch" style="display: none;">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 智能家居商品列表 -->
                <div class="home-brick-box">
                    <!-- 主体列表头 -->
                    <div>
                        <h2 class="title-box">智能家居</h2>
                        <div class="more">
                            <ul class="tab-list">
                                <li class="active"> 小爱音响 </li>
                                <li> 门锁门铃 </li>
                                <li> 路由器 </li>
                                <li> 智能设备 </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">

                        <!-- 右侧商品列表（改变前） -->
                        <div class="right-photo">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>

                        <!-- 右侧商品列表（改变后） -->
                        <div class="right-photo right-photo-switch" style="display: none;">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 运动出行商品列表 -->
                <div class="home-brick-box">
                    <!-- 主体列表头 -->
                    <div>
                        <h2 class="title-box">运动出行</h2>
                        <div class="more">
                            <ul class="tab-list">
                                <li class="active"> 平衡车/滑板车 </li>
                                <li> 运动健身 </li>
                                <li> 箱包配饰 </li>
                                <li> 出行工具 </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">

                        <!-- 右侧商品列表（改变前） -->
                        <div class="right-photo">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>

                        <!-- 右侧商品列表（改变后） -->
                        <div class="right-photo right-photo-switch" style="display: none;">
                            <ul class="brick-list" style="width: 1230px;">
                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo2.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo1.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo2.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo3.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo4.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>

                                <!-- 左侧两个图片 -->
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div class="div2">
                                            <img style="width: 234px; height: 300px;" src="./images/left-photo3.webp">
                                        </div>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo5.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo6.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item">
                                    <a href="javaScript:;">
                                        <div>
                                            <img src="./images/right-photo7.webp">
                                        </div>
                                        <h3>
                                            Redmi Note 12T Pro
                                        </h3>
                                        <p>年度 LCD 屏幕之光</p>
                                        <p class="p1">
                                            <span> 1499元起</span>
                                            <del>1599元</del>
                                        </p>
                                    </a>
                                </li>
                                <!-- 商品列表右下小图 -->
                                <div>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <img src="./images/right-erji.webp">
                                            </div>
                                            <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                            <p>299元</p>
                                        </a>
                                    </li>
                                    <li class="brick-item-update">
                                        <a href="" class="clearFix">
                                            <div class="div1">
                                                <i class="iconfont">
                                                    &#xe736;
                                                </i>
                                            </div>
                                            <h3 class="title1">浏览更多</h3>
                                            <p class="title2">耳机</p>
                                        </a>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 小米水笔广告 -->
            <a href="javaScript:;">
                <img style="margin-left: 190px;box-sizing: border-box;" src="./images/xiaomipenguanggao.webp">
            </a>
        </div>

        <!-- 底侧服务栏 -->
        <div class="site-footer">
            <div class="w">
                <div class="footer-service">
                    <ul class="clearFix">
                        <li>
                            <a href="javaScript:;">
                                <em class="iconfont">
                                    &#xe629;
                                </em>
                                预约维修服务
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <em class="iconfont">
                                    &#xe63f;
                                </em>
                                七天无理由退货
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <em class="iconfont">
                                    &#xe606;
                                </em>
                                15天免费换货
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <em class="iconfont">
                                    &#xe62b;
                                </em>
                                满69包邮
                            </a>
                        </li>
                        <li>
                            <a href="javaScript:;">
                                <em class="iconfont">
                                    &#xe64d;
                                </em>
                                1100余家售后网点
                            </a>
                        </li>
                    </ul>
                </div>

                <!-- 底部链接 -->

                <div class="footer-links clearFix">
                    <dl class="col-links">
                        <dt></dt>
                    </dl>
                    <!-- 选购指南 -->
                    <dl class="col-links">
                        <dt>选购指南</dt>
                        <dd><a href="javaScript:;">手机</a></dd>
                        <dd><a href="javaScript:;">电视</a></dd>
                        <dd><a href="javaScript:;">笔记本</a></dd>
                        <dd><a href="javaScript:;">平板</a></dd>
                        <dd><a href="javaScript:;">穿戴</a></dd>
                        <dd><a href="javaScript:;">耳机</a></dd>
                        <dd><a href="javaScript:;">家电</a></dd>
                        <dd><a href="javaScript:;">路由器</a></dd>
                        <dd><a href="javaScript:;">音响</a></dd>
                        <dd><a href="javaScript:;">配件</a></dd>
                    </dl>
                    <!-- 服务中心 -->
                    <dl class="col-links">
                        <dt>服务中心</dt>
                        <dd><a href="javaScript:;">申请售后</a></dd>
                        <dd><a href="javaScript:;">售后政策</a></dd>
                        <dd><a href="javaScript:;">维修服务价格</a></dd>
                        <dd><a href="javaScript:;">订单查询</a></dd>
                        <dd><a href="javaScript:;">以旧换新</a></dd>
                        <dd><a href="javaScript:;">保障服务</a></dd>
                        <dd><a href="javaScript:;">防伪查询</a></dd>
                        <dd><a href="javaScript:;">F码通道</a></dd>
                    </dl>
                    <!-- 线下门店 -->
                    <dl class="col-links">
                        <dt>线下门店</dt>
                        <dd><a href="javaScript:;">小米之家</a></dd>
                        <dd><a href="javaScript:;">服务网点</a></dd>
                        <dd><a href="javaScript:;">授权体验店/专区</a></dd>
                    </dl>
                    <!-- 关于小米 -->
                    <dl class="col-links">
                        <dt>关于小米</dt>
                        <dd><a href="javaScript:;">了解小米</a></dd>
                        <dd><a href="javaScript:;">加入小米</a></dd>
                        <dd><a href="javaScript:;">投资者关系</a></dd>
                        <dd><a href="javaScript:;">可持续发展</a></dd>
                        <dd><a href="javaScript:;">廉洁举报</a></dd>
                    </dl>
                    <!-- 关注我们 -->
                    <dl class="col-links">
                        <dt>关注我们</dt>
                        <dd><a href="javaScript:;">新浪微博</a></dd>
                        <dd><a href="javaScript:;">官方微信</a></dd>
                        <dd><a href="javaScript:;">联系我们</a></dd>
                        <dd><a href="javaScript:;">公益基金会</a></dd>
                    </dl>

                    <!-- 服务电话 -->
                    <div class="col-contact">
                        <p>400-100-5678</p>
                        <p>8:00-18:00（仅收市话费）</p>
                        <a href="javaScript:;" class="btn-primary">
                            <em class="iconfont">
                                &#xe710;
                            </em>
                            人工客服
                        </a>
                    </div>
                </div>


            </div>
        </div>

        <!-- 底部声明 -->

        <div class="site-info">
            <div class="w clearFix">
                <!-- logo -->
                <div class="site-info-logo"></div>
                <!-- 声明文字 -->
                <div>
                    <p>
                        <a href="javaScript:;">小米商城</a>
                        <span>|</span>
                        <a href="javaScript:;">MIUI</a>
                        <span>|</span>
                        <a href="javaScript:;">米家</a>
                        <span>|</span>
                        <a href="javaScript:;">米聊</a>
                        <span>|</span>
                        <a href="javaScript:;">多看</a>
                        <span>|</span>
                        <a href="javaScript:;">游戏</a>
                        <span>|</span>
                        <a href="javaScript:;">音乐</a>
                        <span>|</span>
                        <a href="javaScript:;">政企服务</a>
                        <span>|</span>
                        <a href="javaScript:;">小米天猫店</a>
                        <span>|</span>
                        <a href="javaScript:;">小米集团隐私政策</a>
                        <span>|</span>
                        <a href="javaScript:;">小米公司儿童信息保护规则</a>
                        <span>|</span>
                        <a href="javaScript:;">小米商城隐私政策</a>
                        <span>|</span>
                        <a href="javaScript:;">小米商城用户协议</a>
                        <span>|</span>
                        <a href="javaScript:;">问题反馈</a>
                        <span>|</span>
                        <a href="javaScript:;">Select Location</a>
                    </p>
                    <p>
                        <a href="javaScript:;">北京互联网法院法律工作站</a>
                        <span>|</span>
                        <a href="javaScript:;">中国消费者协会</a>
                        <span>|</span>
                        <a href="javaScript:;">北京市消费者协会</a>
                    </p>
                    <p>
                        <a href="javaScript:;">©mi.com</a>
                        京ICP证110507号
                        <a href="javaScript:;">京ICP备10046444号</a>
                        <a href="javaScript:;">京公网安备11010802020134号</a>
                        <a href="javaScript:;">京网文[2023]0169-004号</a>
                    </p>
                    <p>
                        <a href="javaScript:;">（京）网械平台备字（2018）第00005号</a>
                        <a href="javascript:;">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                        <a href="javascript:;">营业执照</a>
                        <a href="javascript:;">医疗器械质量公告</a>
                    </p>
                    <p>
                        <a href="javascript">增值电信业务许可证</a>
                        网络食品经营备案
                        京食药网食备202010048
                        <a href="javascript">食品经营许可证</a>
                    </p>
                    <p>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                </div>
                <!-- 图标 -->
                <div class="info-links">
                    <a href="javaScript:;"><img src="./images/footer-1.png"></a>
                    <a href="javaScript:;"><img src="./images/footer-2.png"></a>
                    <a href="javaScript:;"><img src="./images/footer-3.png"></a>
                    <a href="javaScript:;"><img src="./images/footer-4.png"></a>
                    <a href="javaScript:;">
                        <img class="img1" src="./images/footer-6.png">
                        <img class="img2" style="display: none;" src="./images/footer-5.png">
                    </a>
                </div>
                <!-- 文字 -->
                <div class="info-wenzi">
                </div>
            </div>
        </div>

    </div>
</body>

<script src="/js/index.js"></script>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"> </script>
<script>
    var swiper = new Swiper(".mySwiper", {
        // 动画样式 淡出
        effect: 'fade',
        // 无限循环
        loop: true,
        // 鼠标移动上去时，不自动播放
        pauseOnMouseEnter: true,
        // 自动播放
        autoplay: {
            // 点击后是否禁止自动播放
            disableOnInteraction: false,
        },
        // 左右切换箭头
        navigation: {
            nextEl: ".swiper-button-next",
            // prevEl: ".swiper-button-prev",
        },
        // 分页器
        pagination: {
            // 绑定的分页器
            el: '.swiper-pagination',
            // 点击分页器切换
            clickable: true,
            // 设置分页器小点样式 
            bulletActiveClass: 'my-bullet-active',
        },
    });
</script>
<style type="text/css">
    .my-bullet-active {
        background: #fff;
        margin-left: 2000px;
    }
</style>

</html>